<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        INCAKE | 购物篮
    </title>
    <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="/images/favicon_2.ico" type="image/x-icon">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/shopBasket.css">
</head>

<body>
    <!-- 顶部 -->
    <header class="container-fluid layout-header">
       
    </header>
    <!-- 购物结算主体-->
    <main class="container-fluid">
        <div class="layout container-fluid">
            <div class="page basket-page">
                <div class="basket-header container">
                    <div class="title">
                        <h2>SHOPPING BASKET</h2>
                        <p><span>购物车</span></p>
                    </div>
                    <div class="process clearfix">
                        <div class="step step1 active">
                            <p>我的购物篮</p>
                        </div>
                        <div class="step step2">
                            <p>填写和提交订单信息</p>
                        </div>
                        <div class="step step3">
                            <p>成功提交订单</p>
                        </div>
                        <div class="line line1 active"></div>
                        <div class="line line2"></div>
                    </div>
                </div>

                <div class="basket-container container">
                    <div class="list-wrap">
                        <p class="list-header clearfix">
                            <span class="h-checkall btn-checkall checked"><i>全选</i></span>
                            <span class="h-product">商品</span>
                            <span class="h-attr">属性</span>
                            <span class="h-amount">数量</span>
                            <span class="h-spec">销量</span>
                            <span class="h-price">单价</span>
                            <span class="h-privilege">优惠</span>
                            <span class="h-operate">操作</span>
                        </p>
                        <div class="list-content">
                            <ul class="regular-list">
                                
                            </ul>
                        </div>
                        <script type="text/html" id="cartTemplate">
                            {{each prodList item}}
                            <li class="item">
                                <div class="item-content clearfix">
                                    <div class="c-ckbox">
                                        <a href="javascript:;" class="btn-ckbox {{item.isChecked ? 'checked' : ''}}"></a>
                                    </div>
                                    <div class="c-product clearfix">
                                        <a href="#" class="img">
                                            <img src="{{item.imgSrc}}" alt="">
                                        </a>
                                        <div class="text">
                                            <p class="cn">{{item.title}}</p>
                                            <!-- <p class="en">Chocolate truffle</p> -->
                                        </div>
                                    </div>
                                    <div class="c-attr vcenter">
                                        <p>免费赠送5份餐具</p>
                                    </div>
                                    <div class="c-amount">
                                        <div class="content clearfix">
                                            <a href="javascript:;" class="btn btn-sub" prodId={{item.id}}></a>
                                            <div class="amount-wrap">
                                                <input type="text" class="txt-amount" value="{{item.count}}">
                                            </div>
                                            <a href="javascript:;" class="btn btn-add" prodId={{item.id}}></a>
                                        </div>
                                    </div>
                                    <div class="c-spec">
                                        <p>{{item.saleNum}}</p>
                                    </div>
                                    <div class="c-price">
                                        <p>¥{{item.price}}</p>
                                    </div>
                                    <div class="c-privilege">
                                        <div class="vcenter-child"></div>
                                    </div>
                                    <div class="c-operate">
                                        <a href="javascript:;" class="btn-del-item" prodId="{{item.id}}">删除</a>
                                    </div>
                                </div>
                            </li>
                            {{/each}}
                        </script>
                        <div class="list-footer">
                            <p class="footer-checkall clearfix">
                                <span class="f-checkall btn-checkall">全选</span>
                            </p>
                            <div class="footer-content clearfix">
                                <p class="clearfix">
                                    <span class="cbx">已选<span style="float:none;">&nbsp;0&nbsp;</span>件商品</span>
                                    <span class="tip">(不包含运费)</span>
                                </p>
                                <p class="clearfix">
                                    <span>共</span>
                                    <span class="dollar">¥</span>
                                    <span class="money">0.00</span>
                                </p>
                                <a href="javascript:;" class="btn-settle">去结算</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <!-- 底部 -->
    <footer class="layout-footer container-fluid">
    </footer>
    <script src="/lib/require/require.js" data-main="/js/shopBaskt"></script>
</body>

</html>